@charset "utf-8";
/* CSS Document */
#articleandinfo{ width:75%; height:100%; /*border-right:#0c5150 solid thin;*/  float:left; position:relative; )}
#recommend{ width:25%; height:100%; float:right;  background-color:#0c5150; position:relative;  }
#title{ height:3%; width:80%; margin:30px auto 5px auto; font-size:18px; text-align:center ; font-weight:bold}
#purpose{ position:absolute; right:5px; bottom:0px; font-size:12px; }
#edit{ width:60px; height:40px; margin-top:0px; float:right; background-image:url(../img/editicon.png); background-repeat:no-repeat; cursor:pointer;  }
#edit:hover{ background-color:#ccc;}
#location{ width:70%; height:20px; float:left; margin-left:20px; margin-top:5px; font-size:12px; color:#0c5150}
#author{ height:20px; width:30%;/* border: #000 solid thin;*/ float:left; margin-left:40%; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:right ; clear:left}
#date{ height:20px; width:15%;/* border:#000 solid thin;*/ float:right; margin-right:5%;  font-size:12px; clear:right;}
#aandd{ height:20px; width:100%; position:relative; margin-top:5px;}
.borderline{ height:1px; width:100%; margin-top:5px; background-image:url(../img/borderline2.jpg); }
#articlecontent{ width:80%; height: auto; padding:20px 5% 20px 5%; margin:10px auto; /*border:#000 solid thin;*/  font-size:12px; font-family:Verdana, Geneva, sans-serif; line-height:180%; overflow:hidden;}
#editinfo{ width:100%; border-bottom:#0c5150 solid thin;  margin-top:5px; height:100px; position:relative; color:#0c5150}
#edithistory{ font-size:12px; list-style-image:url(../img/linkStyle.jpg);float:right; margin-right:40px;}
.edithistorylist{ padding:0px; list-style-image:url(../img/pointer2.jpg)}
#payback{ width:25%; position:absolute; left:70%; height:30px; bottom:0px; color:#0c5150}
#payback li{ display:inline; margin-left:3%;}
#payback ul{ padding:0px; margin:0px; width:100%; font-size:13px;}
.level{ color:#CCC; font-size:12px; margin-top:100px; font-family:Verdana, Geneva, sans-serif;}
.level li{ list-style:none; margin-top:20px; font-size:12px}
.topsul{color:#CCC; font-size:12px; margin-top:20px; font-family:Verdana, Geneva, sans-serif;}
.topsul li{list-style:none; margin-top:20px; font-size:12px}
.recommendlink { padding-left:20px;}
.recommendlink li{ line-height:150%; margin-top:0px; font-size:12px; }
#commendtitle{ background-image:url(../img/line.jpg); width:90%; margin-top:10px; margin-left:5%;height:40px; position:absolute; top:0px; text-align:center; font-size:14px; vertical-align:central; padding-top:20px;}
#tops{ position:relative; margin:40px auto 0px auto; width:90%; height:40px; padding-top:20px; font-size:14px; background-image:url(../img/line.jpg); text-align:center}

#commontags{ width:100%; height:200px; margin-top:20px; display:none;}
#commontags span{ margin-left:100px;  font-size:12px; }
#commontags ul{  font-size:12px; list-style:none; margin-top:20px; margin-left:15%; margin-right:0px; line-height:200%; width:60%; position:relative; float:left }